<template>
  <div>
    <div class="header-container">
      <span class="header-title">区域管理</span>
    </div>

    <component :is="activeComponent" class="tab-item" />
  </div>
</template>

<script>
import IndexContent from './components/index-content'
export default {
  name: 'DataCenter',
  components: { IndexContent },
  data() {
    return {
      activeComponent: 'IndexContent'
    }
  }
}
</script>

<style lang="scss" scoped>
.tab-item{
  margin: 20px;
}
.header-container {
  background-color: white;
  padding: 20px;

  .header-title {
    display: block;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
  }
}
</style>
